<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6"><![endif]-->
<!--[if IE 7 ]><html class="ie ie7"><![endif]-->
<!--[if IE 8 ]><html class="ie ie8"><![endif]-->
<!--[if IE 9 ]><html class="ie9"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html class="standard">

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>拼搏网-职位详情</title>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/lazyload-min.js"></script>
<script src="${pageContext.request.contextPath}/laydate/laydate.js"></script>
<script
	src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script
	src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
</head>
<link href="${pageContext.request.contextPath}/css/app.css"
	rel="stylesheet" crossorigin="anonymous">
<link
	href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"
	rel="stylesheet">
<link href="${pageContext.request.contextPath}/css/vendor.css"
	rel="stylesheet" crossorigin="anonymous">
<script src="${pageContext.request.contextPath}/js/test_job.js"></script>
<script src="${pageContext.request.contextPath}/js/main.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
		$(".nav-tabs li:first-child()").click(function() {
			$("#form-condition").css("display", "block");
			$("#form-number").css("display", "none");
		});
		$(".nav-tabs li:last-child()").click(function() {
			$("#form-condition").css("display", "none");
			$("#form-number").css("display", "block");
		});
	});
</script>
<style>
.nav {
	clear: both;
	float: none;
	margin-left: 0px;
	border-bottom: none;
	margin-top: 25px;
}
.container {
    width: 1024px;
    overflow: hidden;
    margin: 35px auto 0;
    min-height: 650px;
    padding-bottom: 100px;
}
.content_l {
    position: relative;
    left: 100px;
    width: 800px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.13);
}
.fl {
    float: left;
}
.job_detail {
    margin-top: 6px;
    padding-bottom: 100px;
    background: #fafafa;
}
.job_detail dt {
    position: relative;
    padding-right: 35px;
}
.job_detail dd.job_request {
    font-size: 16px;
    line-height: 26px;
    position: relative;
    clear: both;
    border-bottom: 1px solid #e5e5e5;
}

.job_detail dd {
    padding: 15px 35px 10px;
    word-wrap: break-word;
    color: #777;
}
.red {
    font-size: 24px;
    color: #56cefe;
}
.job_request p,.job_bt p{
    padding: 10px 0 0 20px;
}
.job_detail dt h1 {
    font-size: 30px;
    line-height: 38px;
    float: right;
    max-width: 390px;
    margin: -6px 0 10px 35px;
    padding: 6px 20px;
    color: #fff;
    border-radius: 0 10px 10px 0;
    background: #56cefe;
    *margin: -14px 0 10px 35px;
}
body {
	background-color: #f6f6f8;
}
</style>
</head>
<body>
	<div id="wrap" class="">
		
				<div id="header">
					<div class="inner home-inner">
						<div class="logo">
							<a href="${pageContext.request.contextPath}/positionRank.action"
								ka="header-home-logo" title="拼搏网"><span>拼搏网</span></a>
						</div>
						<div class="nav">
					<ul>
						<!-- <li class="cur"><a ka="header-home" href="#">首页</a></li> -->
						<li class=""><a href="${pageContext.request.contextPath}/positionRank.action">首页</a></li>
						<li class=""><a href="${pageContext.request.contextPath}/findPositionByCondition.action">职位</a>
						</li>
						<!-- <li class=""><a class="nav-school-new" ka="header-school" href="https://www.zhipin.com/xiaoyuan/">校园</a></li>
                <li class=""><a ka="header_brand" href="https://www.zhipin.com/gongsi/">公司</a></li>
                <li class=""><a ka="header-app" href="https://app.zhipin.com/">APP</a></li>
                <li class=""><a ka="header-article" href="https://news.zhipin.com/">资讯</a></li> -->
					</ul>
				</div>
				<div class="user-nav">
					<ul>
						<li class=""><a href="${pageContext.request.contextPath}/user/findMyResume.action">简历</a></li>
						<li class="nav-dot">·</li>
						<!-- <li class="nav-up-file"><a class="header-resume-upload" ka="header-resume-upload-2"
								href="javascript:;">上传</a></li> -->
						<li class="nav-figure">
							<!-- <a href="https://www.zhipin.com/web/geek/recommend" ka="header-username"> -->
							<a href="${pageContext.request.contextPath}/user/findMyResume.action"> <span
									class="label-text">用户${user.mail}</span><img
									src="https://img.bosszhipin.com/beijin/mcs/useravatar/20181016/91534a172b79e2ceb974875aa8e3efe0c9c33ed1e2cad5b9cdf9a63aff4b007a_s.jpg"
									alt="" />
							</a>
							<div class="dropdown">
								<a
									href="${pageContext.request.contextPath}/user/findMyResume.action">个人中心<span>推荐职位、编辑在线简历</span></a>
								<a
									href="${pageContext.request.contextPath}/boos_updatepwd.jsp">账号设置<span>修改密码</span></a>
								<a href="${pageContext.request.contextPath}/boos_login.jsp"
									class="link-recruit">切换为招聘者</a>
								<a href="${pageContext.request.contextPath}/boos_login.jsp" class="link-logout">退出登录</a>
								<p class="recruit-tip">
									<img src="https://static.zhipin.com/v2/web/geek/images/recruit-tip.gif"
										alt=""><span>在 APP 端“我的 -
										设置”中切换为Boss身份后，刷新本页面即可进行招聘</span>
								</p>
							</div>
						</li>
					</ul>
				</div>
					</div>
		
		</div>
		<!---->
		<div id="main" class="inner">
			<div class="container" id="container">
 		<div class="content_l fl">

 			<dl class="job_detail" id="job_detail">
 				<dt class="clearfix join_tc_icon">
 					<h1 title="web前端"> <em></em>
 						<div>
 							<span>${position.department}</span>
 						</div>
 						${position.position}
 					</h1>

 				</dt>
   
 				<dd class="job_request">
 					<p>
 						<span class="red">职位月薪：${salary}</span>
 						<br/> 
 						<span>所属部门：${position.department}</span>
 						<br/> 
 						<span>职位名称：${position.position}</span>
 						<br/> 
 						<span>职能分类：${position.classification}</span>
 						<br/> 
 						<span>工作地点：${position.workplace}</span>
 						<br/> 
 						<span>工作经验：${experience}</span>
 						<br/> 
 						<span>学历要求：${eduRequest}</span>
 						<br/> 

 					</p>
 					<p class="publish_time">
 						<span>发布于：${releaseDate}</span>
 						<br/>
 						<span>截止至：${deadline}</span>
 					</p>

 				</dd>
 				<dd class="job_bt">

 					<h3 class="description">职位描述</h3>
 					<p>

 						${position.statement}<br/></p>

 				</dd>

 			</dl>

 		</div>

 	</div>
		</div>

		<!-- <div class="user-sider">
			
			<div class="sider-box sider-resume">
				<div class="resume-attachment">
					<h3 class="sider-title">
						附件管理
						
					</h3>
					<ul class="annex-list">
						<li>
							<div class="annex-item">
								<svg class="icon-svg icon-svg-delete">
                                            <use
										xlink:href="#icon-svg-delete"></use>
                                        </svg>
								<img
									src="https://static.zhipin.com/v2/web/geek/images/icon-file.png"
									alt="" class="icon-img-file"><span class="txt">简历.docx</span>
							</div>
							<div class="annex-card">
								<div class="card-body">
									<img
										src="https://static.zhipin.com/zhipin-geek/v171/web/geek-vue/static/images/icon-docx.f5ae5883.png"
										alt="">
									<div class="card-content">
										<div class="basis">
											<span>简历.docx</span>
											
										</div>
										<div class="desc">51.9KB 2018.10.23 09:27 上传</div>
									</div>
								</div>
								<div class="card-footer">
									<span class="rename-btn">重命名</span><span class="load-btn">下载</span>
								</div>
							</div>
						</li>
					</ul>
					<div class="btns">
						<button type="button" class="btn btn-primary">
							上传简历
							
						</button>
						
					</div>
				</div>
				
				
				
				
			</div>
			<div class="sider-box zhipin-resume">
				<a href="https://cv.zhipin.com/resume/html/my-resumes"
					target="_blank" ka="resume_maker_click"><img
					src="https://static.zhipin.com/zhipin-geek/v171/web/geek-vue/static/images/zhipin-resume_siderbar.22138ff3.png"
					alt=""></a>
			</div>

		</div> -->
	</div>

	</div>
	<div>
		<div id="footer">
			<div class="inner home-inner">
				<div class="footer-social">
					<h2 style="color:#8d92a1;padding:10px 0">拼搏网</h2>
					<p>
						企业服务热线和举报投诉 <span>400 065 5799</span>
					</p>
					<p>
						工作日 <span>8:00 - 22:00</span>
					</p>
					<p>
						休息日 <span>9:30 - 18:30</span>
					</p>
					<p class="footer-icon">
						<a href="http://www.weibo.com/bosszhipin" ka="link-weibo"
							target="_blank" class="icon-weibo"><span>官方微博</span></a> <a
							href="javascript:;" class="icon-weixin" ka="link-weixin"><span>微信公众号</span><img
							src="https://static.zhipin.com/v2/web/geek/images/we_chat_qr.jpg"
							class="qrcode-weixin"></a> 
					</p>
				</div>
				<div class="footer-about clear-fix">
					<dl>
						<dt>企业服务</dt>
						<dd>
							<a href="https://www.zhipin.com/job_detail/" ka="link-search">职位搜索</a>
							<a href="https://news.zhipin.com/" ka="link-news">新闻资讯</a> 
						</dd>
					</dl>
					<dl>
						<dt>使用与帮助</dt>
						<dd>
							<a
								href="https://www.zhipin.com/activity/cc/registerprotocol.html"
								ka="link-privacy" target="_blank">用户协议与隐私政策</a> <a
								href="https://www.zhipin.com/activity/cc/anticheatguide.html"
								ka="link-anticheatguide" target="_blank">防骗指南</a> <a
								href="https://www.zhipin.com/activity/cc/postrules.html"
								ka="link-postrules" target="_blank">职位发布规则</a> <a
								href="https://www.zhipin.com/activity/cc/usehelp.html"
								ka="link-usehelp" target="_blank">使用帮助</a>
						</dd>
					</dl>
					<dl>
						<dt>联系拼搏网</dt>
						<dd>
							<p>北京华品博睿网络技术有限公司</p>
							<p>公司地址 北京市朝阳区太阳宫中路8号冠捷大厦302</p>
							<p>联系电话 010-84150633</p>
							<p>
								违法和不良信息举报邮箱 <a class="report-mail"
									href="mailto:jubao@kanzhun.com">jubao@kanzhun.com</a>
							</p>
						</dd>
					</dl>
				</div>
				<div class="copyright">
					<p>
						<span>Copyright © 2020 拼搏网</span><span>京ICP备14013441号-5</span><span>京ICP证150923号</span><span>京网文[2020]0399-066
							号</span> <span> <a
							href="https://www.zhipin.com/activity/cc/businesslicense.html"
							ka="link-businesslicense" target="_blank"> <img
								src="https://static.zhipin.com/v2/web/geek/images/icon-badge-1.png"
								alt=""> 电子营业执照
						</a>
						</span> <span><a
							href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010502032801"
							ka="link-beian" target="_blank"><img
								src="https://static.zhipin.com/v2/web/geek/images/icon-beian.png"
								alt=""> 京公网安备11010502032801</a></span> <span><a
							href="http://sdwj.zhipin.com/web/index.html" ka="link-sdwj"
							target="_blank">首都网警</a></span> <span><a
							href="/web/common/protocol/hr-service.html" ka="link-hr-service"
							target="_blank">人力资源服务许可证</a></span>
					</p>
				</div>
			</div>
		</div>

	</div>
	<div id="siderbar" style="top: 48px;">
		<div class="sider-index">
			<ul class="siderbar-top">
				<li data-value="interest"><a href="javascript:;"
					ka="side_interest"><i class="icon-sider-interest"></i>感兴趣</a></li>
				<li data-value="contact"><a href="javascript:;" ka="side_chat"><i
						class="icon-sider-chat"></i>沟通过</a></li>
				<li data-value="deliver"><a href="javascript:;"
					ka="side_deliver"><i class="icon-sider-resume"></i>已投递</a></li>
				<li data-value="interview"><a href="javascript:;"
					ka="side_interview"><i class="icon-sider-interview"></i>面试</a></li>
			</ul>
			<ul class="siderbar-bottom">
				<li><a href="javascript:;" title="返回顶部"
					class="siderbar-back-top"></a></li>
				
				<li><a href="javascript:;" class="siderbar-wechat">微信
						<div class="qrcode-layer ">
							<i></i><img
								src="https://static.zhipin.com/v2/web/geek/images/wechat-qrcode.jpg"
								alt="">关注拼搏网微信服务号
						</div>
				</a></li>

			</ul>
		</div>
	</div>
	</div>
	<input type="hidden" id="page_key_name" value="cpc_resume">
	<%-- 	<script src="${pageContext.request.contextPath}/js/vendor.js"
		crossorigin="anonymous"></script>
	<script src="${pageContext.request.contextPath}/js/app.js"
		crossorigin="anonymous"></script>
	<script src="${pageContext.request.contextPath}/js/ka.js"></script> --%>

	<iframe name="zhipinFrame" style="display: none;"></iframe>
	<div data-transfer="true"
		class="dialog-wrap upload-resume-dialog v-transfer-dom"
		style="display: none;">
		<div ka="dialog_layer" class="dialog-layer"></div>
		<div class="dialog-container" style="display: none;">
			<div class="dialog-header">
				<!---->
				<h3 class="title"></h3>
				<span ka="dialog_close" class="close"><i class="icon-close"></i></span>
			</div>
			<div class="dialog-body">
				<div class="upload-resume__old">
					<!---->
					<p class="tip-filetype">支持DOC、DOCX、PDF、JPG、PNG格式附件</p>
					<p class="tip-size">文件大小不超过8M</p>
					<div class="btns">
						<a href="javascript:;" class="btn btn-primary btn-file">上传附件简历
							<input type="file" ka="user-resume-upload-file"
							accept="image/jpg, image/jpeg, image/png, application/vnd.ms-powerpoint, application/pdf, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document, application/vnd.openxmlformats-officedocument.presentationml.presentation">
						</a>
					</div>
					<p class="tip-guide">
						没有附件简历 <a href="/web/geek/guide" ka="nlp_no_resume"> 在线填写</a>
					</p>
				</div>
			</div>
			<!---->
		</div>
	</div>
	<iframe name="zhipinFrame" style="display: none;"></iframe>
	<div data-transfer="true"
		class="dialog-wrap upload-resume-dialog v-transfer-dom"
		style="display: none;">
		<div ka="dialog_layer" class="dialog-layer"></div>
		<div class="dialog-container" style="display: none;">
			<div class="dialog-header">
				<!---->
				<h3 class="title"></h3>
				<span ka="dialog_close" class="close"><i class="icon-close"></i></span>
			</div>
			<div class="dialog-body">
				<dl class="upload-resume__new">
					<dd class="sec-upload">
						<div class="upload-wrap">
							<p class="tip-guide">拖拽文件到这里</p>
							<p class="tip-filetype">支持DOC、DOCX、PDF、JPG、PNG格式附件</p>
						</div>
						<a href="javascript:;" ka="resume_attach_upload"
							class="btn btn-primary btn-file">上传附件简历 <input type="file"
							ka="user-resume-upload-file"
							accept="image/jpg, image/jpeg, image/png, application/vnd.ms-powerpoint, application/pdf, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document, application/vnd.openxmlformats-officedocument.presentationml.presentation"></a>
					</dd>
					<dd class="sec-make">
						<img
							src="https://static.zhipin.com/zhipin-geek/v171/web/geek-vue/static/images/zhipin-resume.b0946791.png"
							alt=""><a
							href="https://cv.zhipin.com/resume/html/my-resumes"
							target="_blank" ka="resume_attach_create" class="btn btn-primary">在线快速制作</a>
					</dd>
				</dl>
			</div>
			<!---->
		</div>
	</div>
	<div data-transfer="true"
		class="dialog-rename dialog-wrap v-transfer-dom"
		style="display: none;">
		<div ka="dialog_layer" class="dialog-layer"></div>
		<div class="dialog-container" style="display: none;">
			<div class="dialog-header">
				<!---->
				<h3 class="title">修改附件简历名称</h3>
				<span ka="dialog_close" class="close"><i class="icon-close"></i></span>
			</div>
			<div class="dialog-body">
				<div class="pop-resume-rename">
					<h5>请输入你确定要修改的简历名称</h5>
					<div class="input-wrap input-wrap-text">
						<!---->
						<!---->
						<input autocomplete="on" spellcheck="false" type="text"
							placeholder="" class="input">
						<!---->
						<!---->
						<!---->
						<!---->
					</div>
				</div>
			</div>
			<div class="dialog-footer">
				<div class="btns">
					<span class="btn btn-outline btn-cancel">取消</span><span
						class="btn btn-sure btn-disabled">确定</span>
				</div>
			</div>
		</div>
	</div>
	<div data-transfer="true"
		class="dialog-large-default dialog-wrap siderResume-dialog v-transfer-dom"
		style="display: none;">
		<div ka="dialog_layer" class="dialog-layer"></div>
		<div class="dialog-container" style="width: 500px; display: none;">
			<div class="dialog-header">
				<!---->
				<h3 class="title">
					<div class="boss-title">
						<h4>简历附件同步至BOSS</h4>
						<p>以下为您已同意交换简历附件的BOSS，请问是否需要发送？</p>
					</div>
				</h3>
				<span ka="dialog_close" class="close"><i class="icon-close"></i></span>
			</div>
			<div class="dialog-body">
				<div class="boss-content"></div>
			</div>
			<div class="dialog-footer">
				<div class="btns">
					<!---->
					<span ka="dialog_sure" class="btn btn-primary btn-sure"> <!---->发送简历
					</span>
				</div>
			</div>
		</div>
	</div>
	<div data-transfer="true"
		class="dialog-wrap prop-buy-dialog v-transfer-dom"
		style="display: none;">
		<div ka="dialog_layer" class="dialog-layer"></div>
		<div class="dialog-container" style="display: none;">
			<div class="dialog-header">
				<!---->
				<h3 class="title"></h3>
				<span ka="dialog_close" class="close"><i class="icon-close"></i></span>
			</div>
			<div class="dialog-body">
				<!---->
				<!---->
				<!---->
				<!---->
				<div class="data-tips">
					<div class="tip-inner">
						<p class="gray">
							<i class="ui-icon-loading"></i>正在加载中...
						</p>
					</div>
				</div>
			</div>
			<!---->
		</div>
	</div>
	<div data-transfer="true"
		class="dialog-wrap resume-dialog-report v-transfer-dom"
		style="display: none;">
		<div ka="dialog_layer" class="dialog-layer"></div>
		<div class="dialog-container" style="display: none;">
			<div class="dialog-header">
				<!---->
				<h3 class="title">简历上报</h3>
				<span ka="dialog_close" class="close"><i class="icon-close"></i></span>
			</div>
			<div class="dialog-body">
				<div>
					<p class="resume-report-desc">若你当前简历填写没问题,请点击立即上报,我们会尽快核查</p>
					<form autocomplete="off" class="ui-form ui-form-label-top">
						<div class="form-item">
							<!---->
							<div class="item-content">
								<div class="input-wrap input-wrap-textarea">
									<textarea wrap="soft" autocomplete="on" spellcheck="false"
										placeholder="你也可以简短描述上报原因,以便我们提供更好的帮助(选填)" rows="2"
										class="input"></textarea>
									<span class="suffix-counter"><em class="">0</em>/150</span>
									<!---->
								</div>
								<!---->
							</div>
						</div>
					</form>
				</div>
			</div>
			<div class="dialog-footer">
				<div class="btns">
					<span ka="dialog_cancel" class="btn btn-outline btn-cancel">取消</span><span
						ka="dialog_sure" class="btn btn-primary btn-sure"> <!---->立即上报
					</span>
				</div>
			</div>
		</div>
	</div>
	<div data-transfer="true"
		class="dialog-wrap vip-sider-dialog dialog-flyin-large v-transfer-dom"
		style="display: none;">
		<div ka="dialog_layer" class="dialog-layer"></div>
		<div class="dialog-container" style="display: none;">
			<!---->
			<div class="dialog-body">
				<div class="vip-frame">
					<iframe src=""></iframe>
				</div>
			</div>
			<!---->
		</div>
	</div>
	<div data-transfer="true"
		class="dialog-wrap prop-buy-dialog v-transfer-dom"
		style="display: none;">
		<div ka="dialog_layer" class="dialog-layer"></div>
		<div class="dialog-container" style="display: none;">
			<div class="dialog-header">
				<!---->
				<h3 class="title"></h3>
				<span ka="dialog_close" class="close"><i class="icon-close"></i></span>
			</div>
			<div class="dialog-body">
				<div class="data-tips">
					<div class="tip-inner">
						<p class="gray">
							<i class="ui-icon-loading"></i>正在加载中...
						</p>
					</div>
				</div>
			</div>
			<!---->
		</div>
	</div>
</body>


</html>